<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>猫咪网页</title>
		<script type="text/javascript" src="/common/js/jquery.js"></script>
		<style>
		body {
			width:90%;
			height:100%;
			display: flex;
       		align-items: center; 
			justify-content: center; 
			padding:0;
			background-attachment: fixed;
			background-clip: border-box;
			background-origin: padding-box;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
		}
		</style>
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
			$("body").css("background-image","url(/common/images/06.jpg)");
			// 根框架
			var Frame = document.createElement('div');
			Frame.id = 'Frame'
			Frame.style = 'width:50%;height:100%;text-align:center;';
			$('body').prepend(Frame);	
			/*
				测试动态添加
			*/
			//标题栏
			$("#Frame").append('<div>标题栏</div>');
			// 网页主体
			$("#Frame").append('<div>网页主体</div>');
		});
		</script>
	</head>
	<body style ="width:100%;height:100%;">
	</body>
</html>